/* 全局重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  body, html {
    height: 100%;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    text-align: center;
    color: #2c3e50;
  }
  
  /* 响应式设计 */
  @media (max-width: 600px) {
    .grid-container {
      gap: 0.75rem;
      padding: 0.75rem;
    }
  
    .grid-item {
      font-size: 1.25rem;
    }
  }
  
  @media (min-width: 1200px) {
    .grid-container {
      gap: 1.5rem;
      padding: 1.5rem;
    }
  
    .grid-item {
      font-size: 2rem;
    }
  }